// 颜色变量
$primary-color: #000000;
$secondary-color: #ffffff;
$text-color: #333333;
$text-light: #666666;
$border-color: #e0e0e0;
$background-color: #fafafa;
$hover-color: #f5f5f5;

// 字体
$font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
$font-size-small: 12px;
$font-size-base: 14px;
$font-size-large: 16px;
$font-size-xl: 18px;
$font-size-xxl: 24px;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// 边框
$border-radius: 4px;
$border-width: 1px;

// 阴影（无阴影设计）
$box-shadow: none;

// 响应式断点
$breakpoint-mobile: 768px;
$breakpoint-tablet: 1024px;
$breakpoint-desktop: 1200px; 